Extracting color schemes of pages written in a markup language

ABSTRACT

An aspect includes extracting a color scheme of a page written in a markup language. A content portion from the page is nonvisualized, a subtractive process is applied to the page with the content portion having been nonvisualized, and a color scheme is extracted from the page to which the subtractive process has been applied.

BACKGROUND

At a website, colors perform various functions, such as conveying acertain impression on a website and to cause an idea associated with aspecific service through a combination of colors.

Various tools have been developed that extract colors used in a websiteto acquire a color arrangement. For example, some web services providethe ability to analyze colors of a site based on a URL only using asimple operation of inputting a URL.

In organizational activities of companies, organizations or schools,e.g., colors (also referred to as corporate colors, symbol colors orschool colors) perform important functions. These colors are often usedto symbolize a corporation, organization, or school.

In addition, image colors or package colors of products or servicesthemselves perform important roles for causing consumers to recognizeproducts or services. Thus, for advertising corporations or theirproducts or services, in all fields including websites, the corporationsand the like tend to use an integral color scheme (also called a themecolor). For instance, colors of logotypes of corporations and colors ofpackages of products are used as color schemes of websites.

SUMMARY

In an embodiment, a method of extracting a color scheme of a pagewritten in a markup language is provided. The method causes anelectronic apparatus to implement functions including nonvisualizing acontent portion from the page, applying a subtractive process to thepage with the nonvisualized content portion, and extracting the colorscheme from the page to which the subtractive process has been applied.

A system and computer program product are also provided in accordancewith embodiments.

BRIEF DESCRIPTION OF THE DRAWINGS

FIG. 1A is a diagram showing an example of hardware (electronicapparatus) according to or usable in an embodiment of the presentinvention;

FIG. 1B is a diagram showing an example of hardware (electronicapparatus) according to or usable in an embodiment of the presentinvention;

FIG. 2A shows a simulated web page before execution of a process ofextracting a color scheme from a page written in a markup language;

FIG. 2B shows an example of a color scheme acquired after execution of aprocess of extracting a color scheme from a simulated web page shown inFIG. 2A;

FIG. 3A shows an example of a screen of a page where a content portionis nonvisualized from the simulated web page shown in FIG. 2A forextracting a color scheme from the simulated web page according to theembodiment of the present invention;

FIG. 3B shows an example of a color scheme acquired after execution of aprocess that nonvisualizes a content portion from a simulated web page(201) shown in FIG. 2A, applies a subtractive process to thenonvisualized page, and extracts the color scheme from the page to whichthe subtractive process has been applied, according to the embodiment ofthe present invention;

FIG. 4 shows a color scheme acquired after execution of a process ofextracting the color scheme from an actual web page, and a color schemeacquired after execution of a process of extracting the color schemefrom the actual web page;

FIG. 5A shows a flowchart for extracting a color scheme of a pagewritten in the markup language according to the embodiment of thepresent invention;

FIG. 5B shows a flowchart for a process of nonvisualizing a contentportion in the flowchart shown in FIG. 5A;

FIG. 6A shows various aspects of a nonvisualizing content portion (textor a moving image) from a page written in the markup language accordingto the embodiment of the present invention;

FIG. 6B shows various aspects of a nonvisualizing content portion (animage) from a page written in the markup language according to theembodiment of the present invention; and

FIG. 7 is a diagram showing an example of a functional block diagram ofan electronic apparatus that includes a hardware configuration accordingto FIG. 1A or 1B, and performs a process of extracting a color scheme ofa page written in the markup language according to the embodiment of thepresent invention.

DETAILED DESCRIPTION

Embodiments are hereinafter described according to the diagrams.Throughout the following diagrams, the same symbols indicate the sameobjects unless otherwise noted. It should be noted that the embodimentsof the present invention are for describing aspects of the presentinvention, but are not intended to limit the scope of the embodiments.

In an embodiment, a page written in a markup language may be, forinstance, a web page written in HTML, an application written in XML, oran operating system, which can be a mobile operating system application.The page written in the markup language may be acquired from theInternet, an intranet, or a storing medium (e.g., an internal storagedevice, an external storage device, or a network-attached storage (NAS))accessible by an electronic apparatus that displays the page.

In the embodiments described herein, the color scheme refers to anarrangement of colors that can be used on the web, and the color schemeis also referred to herein as a color theme and/or a theme color. Thecolor scheme may be, for instance, a color image of a corporation or itsproducts, a color image of a corporate logo, or a color image of awebsite for a corporation or products. The color scheme includes what isalso referred to herein as a corporate color, a symbol color or a schoolcolor.

In the embodiments described herein, the page includes a content portionand a theme portion. The content portion may be text, a moving image, oran image. The theme portion may be, for instance, a decoration.

An electronic apparatus that can be used in the embodiments describedherein is any of electronic apparatuses capable of extracting the colorscheme of a page written in a markup language, and is not particularlylimited. The electronic apparatus may be, for instance, a computer,e.g., a mainframe computer, a server computer, a desktop computer, anotebook computer or an integrated type personal computer, or a tabletterminal or a smartphone.

Extraction of a color scheme of a website may be desired, e.g., in ascenario in which a client into which a package solution is installedcustomizes the user interface (UI) (e.g., web screen) of the installedpackage solution in conformity with the color scheme of the company'sown site. More specifically, for instance, a color scheme is extractedfrom a website of a client or another medium (e.g., corporate logo orproduct package), and the color arrangement is used for the UI of theinstalled package solution, thereby making the UI similar to the colorscheme of the client.

Extraction of a color scheme of a website may also be desired, e.g., inthe case of constructing a client UI using an application programminginterface (API) made public by a website. More specifically, forinstance, in the case of a social media site in which a guideline of acolor scheme is provided, it is not required to recognize the colorarrangement of a color scheme. However, if the guideline is notprovided, it is required to recognize the color arrangement.

Websites typically include many pieces of content other than the colorscheme (e.g., text, moving images, or images). Accordingly, if asubtractive process is applied to a page of the website as it is, noiseincreases owing to the content, thereby reducing the accuracy ofextracting a color scheme. Thus, in some cases, color schemes aredetermined by human sensitivity.

For instance, in the case where the area of the content in a page of awebsite is large in comparison with the entire page of the website, thecolor scheme, which should originally occupy a large area, is hidden. Insuch a case, colors extracted from the page of the website do notconform to the color scheme but conforms to the content. That is, sincethe color scheme is hierarchically hidden under the content, asubtractive process where area ratios are important elements cannotaccurately extract the color scheme.

Exemplary embodiments provide the ability to automatically extract acolor scheme from a page of a website, in which colors that are inconformity with content other than the color scheme are not extracted.

The embodiments provide a technique of extracting a color scheme of apage written in a markup language. This technique may include a methodfor extracting the color scheme, and an electronic apparatus forextracting the color scheme, and a computer program product for theelectronic apparatus.

FIGS. 1A and 1B are diagrams showing an example of systems (e.g., anelectronic apparatus comprising hardware, software, and associateddevices) according to an embodiment of the present invention.

FIG. 1A is a diagram showing an example of an electronic apparatus(e.g., a mainframe computer, a server computer, a desktop computer, anotebook computer or an integrated type personal computer) that can beused in the embodiments described herein.

An electronic apparatus (101) includes a CPU (102) and a main memory(103), which are connected to a bus (104). The CPU (102) may be based ona 32-bit or 64-bit architecture.

A display (106), for instance, a liquid crystal display (LCD), may beconnected to the bus (104) via a display controller (105). The liquidcrystal display (LCD) may be, for instance, a touch panel display or afloating touch display. The display (106) can be used for displaying,through an appropriate graphic interface, an object that is to bedisplayed by operation of software (e.g., a program for the electronicapparatus according to the embodiment of the present invention orvarious programs for the electronic apparatus operating on theelectronic apparatus (101)). The display (106) can output, for instance,a screen of a web browser application.

A disk (108), for instance, a hard disk or a solid state drive (SSD) maybe connected to the bus (104) through, for instance, a SATA or IDEcontroller (107).

A drive (109), for instance, a CD, DVD or BD drive may be connected tothe bus (104) through, for instance, the SATA or IDE controller (107).

A keyboard (111) and a mouse (112) may be connected to the bus (104)through a peripheral device controller (110), for instance, akeyboard/mouse controller or a USB bus.

The disk (108) may store an operating system, a computer programaccording to the embodiments described herein, as well as otherprograms, and data, in a manner capable of being loaded into the mainmemory (103).

The disk (108) may be embedded in the electronic apparatus (101),connected via a cable accessibly by the electronic apparatus (101), orconnected via a wired or wireless network accessibly by the electronicapparatus (101).

The drive (109) may be used for installing a program, for instance, anoperating system, an application or a program for the electronicapparatus according to the embodiment of the present invention, from aCD-ROM, DVD-ROM or BD into the disk (108).

The communication interface (114) conforms to, for instance, theEthernet protocol. The communication interface (114) is connected to thebus (104) via a communication controller (113), performs a function ofconnecting the electronic apparatus (101) to a communication line (115)in a wired or wireless manner, and provides a network interface layerfor the TCP/IP communication protocol of the communication function ofthe operating system of the electronic apparatus (101). Thecommunication line may be, for instance, a wireless LAN environmentbased on a wireless LAN connection standard, a Wi-Fi wireless LANenvironment such as IEEE802.11a/b/g/n, or a mobile phone networkenvironment (e.g., 3G or 4G environment).

FIG. 1B is a diagram showing an example of an electronic apparatus (thatmay be, for instance, a tablet terminal, a smartphone, an electronicbook reader, or a mobile phone).

A CPU (122), a main memory (123), a bus (124), a display controller(125), a display (126), an SSD (128), a communication controller (133),a communication interface (134) and a communication line (135) of anelectronic apparatus (121) shown in FIG. 1B correspond to the CPU (102),the main memory (103), the bus (104), the display controller (105), thedisplay (106), the SSD (108), the communication controller (113), thecommunication interface (114) and the communication line (115) of theelectronic apparatus (101) shown in FIG. 1A, respectively.

In the case where the electronic apparatus (121) is a tablet terminal, asmartphone, an electronic book reader, a mobile phone or the like, theCPU (122) may be, for instance, any of various CPUs for a tabletterminal, a smartphone, an electronic book reader or a mobile phone.

The SSD (128) disk may store, for instance, an OS for a tablet terminal,a smartphone, an electronic book reader, or a mobile phone, anapplication program according to the embodiments described herein, aswell as other programs, and data, in a manner capable of being loadedinto the main memory (123).

Keyboard actualization means (130) can display a software keyboard as anapplication on the display (126).

FIGS. 2A and 2B show a color scheme acquired after execution of aprocess of extracting the color scheme from a simulated web page shownin FIG. 2A

FIG. 2A shows an example of a simulated web page (201) before executionof a process of extracting a color scheme from a page written in amarkup language.

The simulated web page (201) shown in FIG. 2A includes texts (212; 222;223; 231, 232 and 233; 234, 235 and 236; and 291, 292 and 293), a movingimage (251), and images (281, 282 and 283).

On the simulated web page (201), the color scheme is a region (241), aregion (271), regions (231, 232 and 233; 234, 235 and 236), regions (211and 261), and a region (221) that are represented in gray scales andwhite.

On the simulated web page (201), the moving image (251) is overlaid as acontent portion on the region (241). That is, the moving image (251) ison the top surface layer among display layers in the region (241); thislayer is a layer that a user actually watches. The moving image (251)includes, e.g., a light blue region (253) and a yellow region (254), anda background pink region (252).

FIG. 2B shows an example of a color scheme acquired after execution of aprocess of extracting a color scheme from the simulated web page (201)shown in FIG. 2A.

A computer that extracts a color scheme using existing techniquesapplies a subtractive process to the simulated web page (201), andsubsequently extracts the color scheme from the page to which thesubtractive process has been applied.

As a result, pink of the region (252), light blue of the region (253),light gray of the regions (231, 232 and 233; 234, 235 and 236), white ofthe region (271), and yellow of the region (254) are extracted as thecolor scheme of the simulated web page (201).

This is because the moving image (251) on the region (241) has a largearea occupying on the simulated web page (201) shown in FIG. 2A, and themoving image (251) includes the pink region (252), the light blue region(253), and the yellow region (254).

The computer for extracting the color scheme according to existingtechniques thus extracts the colors on the moving image (251) as thecolor scheme. Accordingly, the computer does not appropriately extractthe color scheme on the simulated web page (201).

As described above, a web page typically includes user content (a text,a moving image (Flash etc.) or an image (a photograph image etc.)) thatis not relevant to a color scheme. Accordingly, even if a subtractiveprocess is applied to the web page, the accuracy of extracting the colorscheme becomes low. In particular, if the area occupied by the usercontent in the foreground of the web page is large, a base region forextracting the color scheme that is to have a large occupying area ishidden. Accordingly, if the subtractive process is applied to the webpage, the accuracy of extracting the color scheme becomes low. That is,the user content that is not relevant to the color scheme becomes noise,and the color scheme of the web page cannot be appropriately extracted.

FIGS. 3A and 3B show a color scheme acquired after execution of aprocess of extracting a color scheme from the simulated web page shownin FIG. 2A according to an embodiment as described herein.

FIG. 3A shows an example of a screen of a page where a content portionis nonvisualized from the simulated web page shown in FIG. 2A forextracting the color scheme from the simulated web page.

The electronic apparatus according to an embodiment (e.g., the computer(101) shown in FIG. 1A or the computer (121) shown in FIG. 1B)nonvisualizes the content portion, i.e., texts (212; 222; 223; 231, 232and 233; 234, 235 and 236; and 291, 292 and 293), from the simulated webpage shown in FIG. 2A, while maintaining layout information.

Likewise, the electronic apparatus nonvisualizes the content portion,i.e., the moving image (251), from the simulated web page, whilemaintaining the layout information.

Likewise, the electronic apparatus nonvisualizes the content portion,i.e., the images (281, 282 and 283), from the simulated web page, whilemaintaining the layout information.

A screen (301) shows a screen after nonvisualization of the contentportion from the simulated web page (201). Since the electronicapparatus cannot determine a text (“Search”) in a search box (224) as atext, this text is not nonvisualized and remains as it is.

FIG. 3B shows an example of a color scheme acquired after execution of aprocess that nonvisualizes the content portion from the simulated webpage (201) shown in FIG. 2A, applies a subtractive process to thenonvisualized page, and extracts the color scheme from the page to whichthe subtractive process has been applied, according to embodimentsdescribed herein.

The electronic apparatus applies, using existing techniques, thesubtractive process to the page after nonvisualization of the contentportion, and subsequently extracts the color scheme from the page towhich the subtractive process has been applied.

As a result, light gray in the region (241), white in the region (271),light medium gray in the regions (231, 232 and 233; 234, 235 and 236),the dark gray in the regions (211 and 261), and the medium gray in theregion (221) are extracted as the color scheme on the simulated web page(201).

This is because the content portion is nonvisualized from the simulatedweb page (201) shown in FIG. 2A while the layout information ismaintained, and the color scheme intrinsic to the page thereby appearsin the foreground.

Thus, according to the embodiments described herein, the content portionthat is not relevant to the color scheme in the page written in themarkup language is deleted. The base region for the color scheme underthe layer of the content therefore appears in the foreground of the webpage.

FIG. 4 shows the color scheme acquired after execution of the process ofextracting the color scheme from an actual web page according toexisting techniques, and the color scheme acquired after execution ofthe process of extracting the color scheme from the actual web pageaccording to the embodiments described herein.

A web page (401) is the actual web page, and is a page before executionof the process of extracting the color scheme from the page written inthe markup language. The web page (401) includes an image (402), and theimage is colorful, including red, pink, yellow and the like. The webpage (401) includes the image (403), and the image is colorful,including greenish-yellow, green, light blue and the like.

The color scheme extracted from the web page (401) according to existingtechniques is described below.

The computer for extracting the color scheme according to the existingtechniques applies the subtractive process to the simulated web page(201), and subsequently extracts the color scheme from the page to whichthe subtractive process has been applied.

The color scheme (411) extracted as the result has a color code #84415A(421), a color code #FF2821 (422), a color code #FFFFFF (423), a colorcode #D6D7DE (424), and a color code #B5DFAD (425). The color code#84415A (421) and the color code #FF2821 (422) among the extracted colorcodes are from the image (402). The color code #B5DFAD (425) among theextracted color codes is from the image (403). Such extraction is due tothe fact that the image (402) and the image (403) become noise in theweb page (401).

The color scheme extracted from the web page (401) according to theembodiments will now be described.

A screen (431) shows a screen of the web page (401) whose contentportion is nonvisualized for extracting the color scheme from the webpage (401).

The electronic apparatus (e.g., the computer (101) shown in FIG. 1A orthe computer (121) shown in FIG. 1B) according to the embodimentsdescribed herein nonvisualizes the content portion (i.e., the texts andimages) from the web page (401) while maintaining the layoutinformation.

The screen (431) shows the screen of the simulated web page (401) whosecontent portion is nonvisualized. Since the electronic apparatus cannotdetermine a text (“Search”) in the search box as a text, this text isnot nonvisualized and remains as it is.

The electronic apparatus applies the subtractive process to the pagewhose content portion has been nonvisualized, and extracts the colorscheme from the page to which the subtractive process has been applied.The method of applying the subtractive process and the method ofextracting the color scheme may be any method according to the existingtechniques.

The color scheme (441) extracted as the result has a color code #313042(451), a color code #9C9EA5 (452), a color code #FFFFFF (453), a colorcode #D6D7DE (454), and a color code #BDBEBD (455). The resultrepresents the color scheme intrinsic to the web page (401).

FIGS. 5A and 5B show flowcharts of extracting the color scheme of a pagewritten in the markup language according to the embodiments describedherein.

FIG. 5A shows a flowchart of an entire process of extracting the colorscheme of the page according to an embodiment. Hereinafter, theelectronic apparatus in the description on FIGS. 5A and 5B may be, forinstance, the computer (101) shown in FIG. 1A or the computer (121)shown in FIG. 1B.

In step 501, the electronic apparatus starts the process of extractingthe color scheme of the page.

In step 502, the electronic apparatus acquires the page to be processedfor extracting the color scheme, for instance, via the Internet or froma storing medium accessible from the electronic apparatus, and read theacquired page into the storing means of the electronic apparatus, suchas memory (103) shown in FIG. 1A, memory (123) shown in FIG. 1B, storagedevice (108) shown in FIG. 1A or storage device (128) shown in FIG. 1B.

In step 503, the electronic apparatus nonvisualizes the content portionfrom the page acquired in step 502. The details of the nonvisualizationwill be described with reference to the flowchart shown in FIG. 5B.

In step 504, the electronic apparatus applies the subtractive process tothe page whose content portion has been nonvisualized in step 503. Thesubtractive process may be any subtractive process that is known tothose skilled in the art, including uniform quantization, a popularityalgorithm, a median cut algorithm, or octree algorithm. However, theprocess is not limited thereto.

In step 505, the electronic apparatus extracts the color scheme from thepage to which the subtractive process has been applied in step 504. Theextraction of the color scheme may be any color scheme extraction knownto those skilled in the art.

In step 506, the electronic apparatus finishes the process of extractingthe color scheme of the page.

The electronic apparatus may present the extracted color scheme for theuser, after the process of extracting the color of the page. Thepresentation is performed by displaying the extracted color scheme, forinstance, on a screen device, e.g., the display (106) shown in FIG. 1Aor the display (126) shown in FIG. 1B. Alternatively, the presentationmay be performed by, for instance, causing a printer to print theextracted color scheme. Alternatively, the presentation may be performedby, for instance, transmitting data on the extracted color scheme to anapplication.

FIG. 5B shows a flowchart for a process of nonvisualizing the contentportion in the flowchart shown in FIG. 5A.

Nonvisualization of the content portion is performed depending onwhether the content portion is text data (hereinafter, also simplyreferred to as “text”), a moving image, or an image.

The following steps 514 to 515 show processes in the case where thecontent portion is a text. If the content portion is a text, it is auser content. Accordingly, the electronic apparatus nonvisualizes thetext.

The following steps 516 to 517 show processes in the case where thecontent portion is a moving image. If the content portion is a movingimage, it is a user content. Accordingly, the electronic apparatusnonvisualizes the moving image.

The following steps 519 to 525 show processes in the case where thecontent portion is an image. If the content portion is an image, it isnot necessarily a user content and may be an image for, e.g., a themeportion. If the content portion is an image, the electronic apparatusthen determines whether the image is not an image for a theme portionand is a user content, and then nonvisualizes the image if the image isa user content.

In step 511, the electronic apparatus starts the process ofnonvisualizing the content portion.

In step 512, the electronic apparatus checks the document object model(DOM) structure of the page acquired in step 502. The check on the DOMstructure may be performed by checking the DOM structure of the HTML ofthe page. The electronic apparatus can recognize one or more contentportions (e.g., the portions may be a text, a moving image, or an image)by checking the DOM structure, as will be described in the followingstep 513.

In step 512, the electronic apparatus analyzes the meanings of elementsof the page acquired in step 502. The electronic apparatus can recognizethe link destination of an image (e.g., the value of a “src” attribute)that will be described in step 519, the parent of the image being ananchor tag and the link destination of the parent (e.g., the value of a“href” attribute) that will be described in step 521, and the value ofan attribute (e.g., the value of an “alt” attribute) of an elementdefining a character string to be displayed instead of an image thatwill be described in the following step 522, by analyzing the meaningsof the elements.

In step 513, the electronic apparatus recognizes the one or more contentportions from the check result of the DOM structure in step 512, anddetermines whether the content portions include any unprocessed contentportion for which the determination processes shown in the followingsteps 514, 516, 518, 519, 520, 521 and 523 have not been performed. Eachnode that constructs the DOM structure includes information indicatingwhat that node represents. The electronic apparatus can then recognizethe content structure from the DOM structure by referring to theinformation. For instance, in the case of HTML, a node has a tag name.If the tag name is IMG, the electronic apparatus recognizes the contentas an image. If one or more unprocessed content portions exist, theelectronic apparatus takes one of the unprocessed content portions andadvances the processing to step 514. In contrast, the electronicapparatus finishes the process and advances the processing to step 525if there is no unprocessed content portion.

In step 514, the electronic apparatus determines whether the contentportion recognized in step 513 is a text or not. The electronicapparatus advances the processing to step 515 if the content portion isa text. In contrast, the electronic apparatus advances the processing tostep 516 if the content portion is not a text.

In step 515, the electronic apparatus nonvisualizes the text if thecontent portion is a text. The electronic apparatus nonvisualizes thetext while maintaining the layout information. The nonvisualization ofthe text with the layout information being maintained is performed toprevent the display area in which the text is displayed on the page frombeing reduced.

The text is nonvisualized by, for instance, hiding the display of thetext, deleting the text, causing display under the layer of the text toappear into the foreground, or making the display of the texttransparent.

The display of the text may be made transparent, for instance, whilemaintaining the height and width (i.e., area) of the text by a certainmethod. The display of the text may be made transparent by, forinstance, replacing the text with space characters having the samelength as that of the text. Alternatively, the display of the text maybe made transparent by, for instance, setting the height of the text tothereby maintain the height of a portion where the text exists, andsetting the width of the text to thereby maintain the width of theportion where the text exists. The height of the portion where the textexists may be maintained by, for instance, setting a line-heightproperty. The line-height property is a property used for designatingthe height of a line. The width of the portion where the text exists maybe maintained by, for instance, using space characters having the samecharacter size as that of the text, particularly, by, for instance,using space characters having the same character size and the same fonttype as those of the text.

In step 516, the electronic apparatus determines whether the contentportion recognized in step 513 is a moving image or not. The movingimage may be implemented using various formats, such as .wmv, .fly,.AVI, .mov, and .mp4. However, the format is not limited thereto. Theelectronic apparatus advances the processing to step 517 if the contentportion is a moving image. In contrast, the electronic apparatusadvances the processing to step 518 if the content portion is not amoving image.

In step 517, the electronic apparatus nonvisualizes the moving image ifthe content portion is the moving image. The electronic apparatusnonvisualizes the moving image by maintaining the layout information sothat the display area in which the moving image is displayed on the pageis not reduced.

The moving image may be nonvisualized by, for instance, hiding thedisplay of the moving image. Furthermore, the moving image may benonvisualized by, for instance, hiding display of the moving image andits descendant if the moving image has a descendant of the moving image.The descendant of the moving image is, for instance, a character string(text) displayed in a manner overlaid on the moving image, and thecharacter string may be stationary or moving. The display of the movingimage or the display of the moving image and its descendant can behidden by designating a style to erase the display of the moving image.The designation of the style may be, for instance, “CSS visibility:hidden;”. The erasure of the moving image through designation of thestyle can cause the background color hidden under the moving image toappear into the foreground.

Alternatively, the moving image may be nonvisualized by, for instance,deleting the moving image while maintaining the layout information.

Alternatively, the moving image may be nonvisualized by, for instance,causing display (i.e., a portion to form a color scheme) under the layerof the moving image to appear into the foreground. The appearance intothe foreground may be achieved by moving the display (a layer associatedwith the color scheme) under the layer of the moving image to a toplayer, or placing the display immediately under a transparent layer, onthe page.

Alternatively, the moving image may be nonvisualized by, for instance,making the display of the moving image transparent.

The electronic apparatus returns the processing to step 513 in responseto completion of nonvisualization of the moving image, and repeats theprocesses in and after step 513.

In step 518, the electronic apparatus determines whether the contentportion recognized in step 513 is an image or not. The image may be in,for instance, any of formats of GIF, JPEG and PNG. However, the formatis not limited thereto. The electronic apparatus advances the processingto step 519 if the content portion is an image. In contrast, theelectronic apparatus returns the processing to step 513 and repeats theprocesses in and after step 513 if the content portion is not an image.

In step 519, the electronic apparatus determines whether the linkdestination of the image is an external domain or not when the contentportion is an image. The determination whether the link destination ofthe image is an external domain or not is performed by, for instance,determining whether the value of “src” attribute of HTML is an externaldomain or not. The “src” attribute is an attribute for setting aposition to which an image displayed in a page is linked. The electronicapparatus advances the processing to step 520 if the link destination ofthe image is an external domain. In contrast, the electronic apparatusadvances the processing to step 521 if the link destination of the imageis not an external domain.

In step 520, the electronic apparatus nonvisualizes the image accordingto the determination result in step 519, i.e., that the link destinationof the image is an external domain. If the image is linked to anexternal domain, it is highly possible that the image is foradvertisement. Accordingly, an image whose link destination is anexternal domain can be determined as a user content rather than a themeportion.

The electronic apparatus nonvisualizes the image while maintaining thelayout information, so that the area in which the image is displayed onthe page is not reduced.

The image may be nonvisualized by, for instance, hiding display of theimage. Alternatively, the image may be nonvisualized by, for instance,hiding display of the image and its descendant in the case where theimage has a descendant thereof. The descendant of the image may be, forinstance, a character string (text) displayed in a manner overlaid onthe image. Display of the image may be hidden or display of the imageand the descendant may be hidden by erasing display of the image throughdesignation of a style. The designation of the style may be, forinstance, “CSS visibility:hidden;”. Display of the image is thus erasedby the designation of the style, thereby allowing, for instance, thebackground color hidden under the image to appear onto the foregroundlayer.

Alternatively, the image may be nonvisualized by, for instance, deletingthe image while maintaining the layout information.

Alternatively, the image may be nonvisualized by, for instance, causingdisplay (i.e., a portion to form a color scheme) under the layer of theimage to appear into the foreground. Appearance into the foreground maybe achieved by moving the display (a layer associated with the colorscheme) under the layer of the image to the top layer, or placing thedisplay immediately under a transparent layer.

Alternatively, the image may be nonvisualized by, for instance, makingdisplay of the image transparent.

The electronic apparatus returns the processing to step 513 in responseto completion of nonvisualization of the image, and repeats theprocesses in and after step 513.

In step 521, the electronic apparatus determines whether the parent ofthe image is an anchor tag and the link destination of the parent is anexternal domain or not when the link destination of the image is not anexternal domain. The anchor tag may be, for instance, tag “<A>” of HTML.The tag “<A>” encloses an image, and the image is clickable. The tag“<A>” is a tag for designating a start point and a destination of thelink. The determination whether the link destination of the parent is anexternal domain or not may be performed by, for instance, determiningwhether the value of “href” attribute of the tag “<A>” is an externaldomain or not. The “href” attribute is an attribute for use at the startpoint for the link destination of HTML. The electronic apparatusadvances the processing to step 520 if the parent of the image is ananchor tag and the link destination of the parent is an external domain.In contrast, the electronic apparatus advances the processing to step522 if the condition defined in step 521 is not satisfied.

In step 520, the electronic apparatus nonvisualizes the image when thedetermination result in step 521 is “yes”, i.e., the parent of the imageis an anchor tag and the link destination of the parent is an externaldomain. It is highly possible that the image whose parent is an anchortag with the link destination of the parent being an external domain is,for instance, an advertisement. Accordingly, the image whose parent isan anchor tag with the link destination of the parent being an externaldomain can be determined as a user content rather than a theme portion.

In step 522, the electronic apparatus determines whether the image hasthe attribute of an element of defining a character string to bedisplayed instead of the image, and the value of this attribute is analternative text, and this alternative text is a meaningful sentence ornot. The element of defining a character string to be displayed insteadof the image may be, for instance, an attribute associated withaccessibility information, e.g., an “alt” attribute of HTML. The “alt”attribute is a tag for designating an alternative character string thatis to replace the image. The determination that the alternative text isa meaningful sentence is made, for instance, when the text includes atleast two words. Note that the alternative text may sometimes be ameaningful sentence even when the text has one word. The electronicapparatus advances the processing to step 520 if the image has theattribute of an element of defining a character string to be displayedinstead of the image, and the value of this attribute is an alternativetext, and this alternative text is a meaningful sentence. In contrast,the electronic apparatus advances the processing to step 523 if thecondition defined in step 523 is not satisfied.

In step 520, the electronic apparatus nonvisualizes the image when thedetermination result in step 522 is “yes”, i.e., the image has theattribute of an element of defining a character string to be displayedinstead of the image, and the value of the attribute is an alternativetext, and the alternative text is a meaningful sentence. If the imagedoes not have the attribute of an element of defining a character stringto be displayed instead of the image, the image can be determined as atheme portion. Also, even if the image has the attribute of an elementof defining a character string to be displayed instead of the image, theimage can be determined as a theme portion if the value of the attributeis not an alternative text, or the alternative text is not a meaningfulsentence. Accordingly, the image which has the attribute of an elementof defining a character string to be displayed instead of the image,with the value of the attribute being an alternative text, and thealternative text being a meaningful sentence, can be determined as auser content rather than a theme portion.

In step 523, the electronic apparatus applies the image subtractiveprocess to the image that does not satisfy the condition defined in step523. The electronic apparatus may use any subtractive process known tothose skilled in the art, in a manner identical to the subtractiveprocess in the step 504.

In step 524, the electronic apparatus determines whether the variationin characteristic colors in the image to which the subtractive processin step 523 has been applied is larger than a prescribed threshold ornot. If the variation is larger, the electronic apparatus determinesthat the image is an image including certain user content (e.g., aphotograph image). This is because if the image is an image of the themeportion, gradations may be used, and it is not likely that a number ofsignificantly different colors are used as in a photograph. Theprescribed threshold may be a parameter appropriately set by thoseskilled in the art. The electronic apparatus advances the processing tostep 520 if the variation in the characteristic colors in the image towhich the subtractive process has been applied is larger than theprescribed threshold. In contrast, the electronic apparatus returns theprocessing to step 513 and repeats the processes in and after step 513if the variation in the characteristic colors in the image to which thesubtractive process has been applied is equal to or smaller than theprescribed threshold.

In step 520, the electronic apparatus nonvisualizes the image when thedetermination in step 524 is “yes”, i.e., the variation in thecharacteristic colors in the image to which the subtractive process hasbeen applied is larger than the prescribed threshold.

In step 525, the electronic apparatus finishes the process ofnonvisualizing the content portion.

FIGS. 6A and 6B show various aspects that nonvisualize the contentportion (a text, a moving image or an image) from the page written inthe markup language according to the embodiment of the presentinvention.

FIG. 6A shows examples of (A) the case where the content portion is atext, and (B) the case where the content portion is a moving image,among various aspects for nonvisualizing the content portion.

If the content portion (601) is a text, the electronic apparatusnonvisualizes display of the text using space characters so as tomaintain the height and width (i.e., area) of the text. That is, theelectronic apparatus makes display of the text transparent using spacecharacters.

In the example (A) shown in FIG. 6A, text portions corresponding to“TEXT1” and “EXPLANATION1” are replaced with space characters that havethe same character size and the same font type as the original texts,respectively (see 602).

If the content portion (611) is a moving image, the electronic apparatusnonvisualizes the moving image by causing display (i.e., a portion toform a color scheme) under the layer of the moving image to appear intothe foreground. That is, the electronic apparatus overlays the displayunder the layer, on the moving image.

The example (B) in FIG. 6A shows that the background color (i.e., colorscheme) hidden under the layer where the moving image is displayedappears on the top surface layer by erasing the moving image throughdesignation of a style that is “CSS visibility:hidden;” (612) (see 613).

FIG. 6B shows examples (C-1) to (C-4) of nonvisualizing the contentportion where the content portion is an image.

In the case where a content portion (621) is an image, the electronicapparatus nonvisualizes display of the image by causing display (i.e., aportion to form a color scheme) under the layer of the image to appearinto the foreground. That is, the electronic apparatus overlays thedisplay under the layer, on the image.

The example (C-1) in FIG. 6B shows that the background color (i.e.,color scheme) hidden under the layer on which the image is displayedappears on the top surface layer by erasing the image throughdesignation of a style that is “CSS visibility:hidden;” (622) (see 623).

The electronic apparatus determines that the content portion (631) is animage and the link destination of the image is an external domain“http://www.◯◯◯.com” (see 632). The electronic apparatus nonvisualizesthe image because the link destination of the image is an externaldomain (see step 520).

The electronic apparatus determines that the content portion (641) is animage, and the parent of the image is an anchor tag, and the linkdestination of the parent is an external domain (see 642). Theelectronic apparatus nonvisualizes the image because the parent of theimage is an anchor tag, and the link destination of the parent is anexternal domain (see step 521).

The electronic apparatus determines that the content portion (651) is animage, and the image has the attribute of an element of defining acharacter string (“IBM Corp.”) that is to be displayed instead of theimage, and the value of the attribute is an alternative text, and thealternative text is a meaningful sentence. The electronic apparatusnonvisualizes the image because the image has the attribute of anelement of defining a character string that is to be displayed insteadof the image, and the value of the attribute is an alternative text, andthe alternative text is a meaningful sentence (see step 522).

FIG. 7 is a diagram showing an example of a functional block diagram ofan electronic apparatus that includes a hardware configuration accordingto FIG. 1A or 1B and executes a process of extracting the color schemeof a page written in the markup language according to the embodiment ofthe present invention.

The electronic apparatus (701) executes a process of extracting a colorscheme of a page written in a markup language according to theembodiment of the present invention and may be, for instance, thecomputer (101) shown in FIG. 1A or the computer (121) shown in FIG. 1B.

The electronic apparatus (701) includes page reading means (711),nonvisualization means (712), subtractive process means (713), colorscheme extraction means (714), and color scheme presentation means(715).

The page reading means (711) reads a page written in a markup languageinto storing means of the electronic apparatus (701). The storing meansmay be, for instance, memory (103) shown in FIG. 1A, memory (123) shownin FIG. 1B, storage device (108) shown in FIG. 1A or storage device(128) shown in FIG. 1B.

The page reading means (711) may execute step 502 shown in FIG. 5A.

The nonvisualization means (712) nonvisualizes the content portion fromthe page written in the markup language.

If the content portion is a text, the nonvisualization means (712) maynonvisualize the text.

If the content portion is a text, the nonvisualization means (712) maymake display of the text transparent.

If the content portion is a text, the nonvisualization means (712) mayreplace the text with space characters having the same length as that ofthe text.

If the content portion is a moving image, the nonvisualization means(712) may nonvisualize the image.

If the content portion is a moving image, the nonvisualization means(712) may nonvisualize the moving image by hiding display of the movingimage or display of the moving image and the descendant thereof,deleting the moving image, or causing display under the layer of themoving image to appear into the foreground.

If the content portion is an image and the link destination of the imageis an external domain, the nonvisualization means (712) may nonvisualizethe image.

If the content portion is an image and the link destination of the imageis an external domain, the nonvisualization means (712) may nonvisualizethe image.

If the content portion is an image, and the parent of the image is ananchor tag, and the link destination of the parent is an externaldomain, the nonvisualization means (712) may nonvisualize the image.

If the content portion is an image, and the image has the attribute ofan element of defining a character string that is to be displayedinstead of the image, and the value of the attribute is an alternativetext, and the alternative text is a meaningful sentence, thenonvisualization means (712) may nonvisualize the image.

If the content portion is an image, and the image does not have anattribute associated with accessibility information, and the image hasthe attribute of an element of defining a character string that is to bedisplayed instead of the image, and the value of the attribute is analternative text, and the alternative text is a meaningful sentence, thenonvisualization means (712) may nonvisualize the image.

The nonvisualization means (712) may hide display of the image ordisplay of the image and descendant thereof, delete the image, or causedisplay under the layer of the image to appear into the foreground.

The nonvisualization means (712) may hide display of the contentportion, delete the content portion, cause display under the layer ofthe content portion to appear into the foreground, or make display ofthe content portion transparent.

The nonvisualization means (712) may nonvisualize the content portionwhile maintaining the layout information.

The nonvisualization means (712) may analyze the meaning of the documentobject model structure of the page and the element.

The nonvisualization means (712) may execute step 503 shown in FIG. 5A.The nonvisualization means (712) may execute steps 512 to 530 shown inFIG. 5B.

The subtractive process means (713) applies the subtractive process tothe page after nonvisualization of the content portion by thenonvisualization means (712).

The subtractive process means (713) may execute the following processesin corporation with the nonvisualization means (712). The subtractiveprocess means (713) applies the subtractive process to the image if thecontent portion is an image and the image does not have an attributeassociated with accessibility information. The nonvisualization means(712) may nonvisualize the image if the image after the subtractiveprocess by the subtractive process means (713) has a large variation incharacteristic colors.

Furthermore, the subtractive process means (713) may execute thefollowing processes in corporation with the nonvisualization means(712). The subtractive process means (713) applies the subtractiveprocess to the image if the content portion is an image and the imagehas an attribute associated with accessibility information but the valueof the attribute is not an alternative text. The nonvisualization means(712) may then nonvisualize the image if the image after the subtractiveprocess by the subtractive process means (713) has a large variation incharacteristic colors.

The subtractive process means (713) may execute the following processesin cooperation with the nonvisualization means (712). If the contentportion is an image, the nonvisualization means (712) may nonvisualizethe image in at least one of the cases: (1-1) the case where the linkdestination of the image is an external domain; (1-2) the case where theparent of the image is an anchor tag and the link destination of theparent is an external domain; and (1-3) the case where the image has anattribute associated with accessibility information and the value of theattribute is an alternative text. The subtractive process means (713)may apply the subtractive process to an image which has not beennonvisualized by any of (1-1) to (1-3). The nonvisualization means (712)may nonvisualize the image if the image after the subtractive process bythe subtractive process means (713) has a large variation incharacteristic colors.

The subtractive process means (713) may execute step 504 shown in FIG.5A.

The color scheme extraction means (714) extracts the color scheme fromthe page to which the subtractive process means (713) has applied thesubtractive process.

The color scheme extraction means (714) may execute step 505 shown inFIG. 5A.

The color scheme presentation means (715) presents, to the user, thecolor scheme extracted by the color scheme extraction means (714).

A program for an electronic apparatus according to an embodiment may bestored in any type of computer-readable recording means, including atleast one of a flexible disk, MO, CD-ROM, DVD, BD, a hard diskapparatus, and USB-connectable memory medium, ROM, MRAM, and RAM. Theprogram for the electronic apparatus may be downloaded from anothercomputer, e.g. a server computer, connected through a communicationline, or copied from other recording means, for the sake of being storedinto the recording means. The program for the electronic apparatusaccording to an embodiment of the present invention may be compressed ordivided into multiple pieces and then stored in a single or multiplepieces of recording means. Note that it is a matter of course that aprogram product for an electronic apparatus according to the embodimentof the present invention may be provided in various forms. The programproduct for the electronic apparatus according to the embodiment of thepresent invention may include, for instance, a storing medium thatstores a program for the electronic apparatus or a transmission mediumthat transmits the program for the electronic apparatus.

It is a matter of course that those skilled in the art easily assumevarious modifications, e.g., that each hardware configuration element ofthe electronic apparatus used in the embodiment of the present inventionis combined with multiple machines, and functions are assigned to themachines and performed. It is a matter of course that thesemodifications are encompassed by the idea of the present invention. Notethat these configuration elements are only exemplified. Not all of theconfiguration elements are necessary configuration elements.

The present invention may be implemented as hardware, software, or acombination of hardware and software. Typical example among examples ofexecution by a combination of hardware and software is execution in theelectronic apparatus in which the program for the electronic apparatusis installed. In such a case, the program for the electronic apparatusis loaded into a memory for the electronic apparatus and executed,thereby causing the electronic apparatus to control the electronicapparatus and executes processes according to the present invention. Theprogram for the electronic apparatus may include a group of instructionsthat can be written using any language, code, or notation. Such a groupof instructions enables the electronic apparatus to execute a specificfunction directly, or to execute a process according to the embodimentof the present invention after execution of one or both of 1) conversioninto another language, code or notation, and 2) copying to anothermedium.

According to the embodiment of the present invention, the contentportion other than the color scheme on the page written in the markuplanguage is nonvisualized. Accordingly, the color scheme under the layerof the content portion appears into the foreground of the page. That is,the surface area in which the color scheme under the layer of thecontent portion is displayed is increased. Accordingly, the accuracy ofextracting the color scheme from the page is increased by applying asubtractive process to the page after nonvisualization of the contentportion, and extracting the color scheme from the page to which thesubtractive process has been applied.

The present invention may be a system, a method, and/or a computerprogram product. The computer program product may include a computerreadable storage medium (or media) having computer readable programinstructions thereon for causing a processor to carry out aspects of thepresent invention.

The computer readable storage medium can be a tangible device that canretain and store instructions for use by an instruction executiondevice. The computer readable storage medium may be, for example, but isnot limited to, an electronic storage device, a magnetic storage device,an optical storage device, an electromagnetic storage device, asemiconductor storage device, or any suitable combination of theforegoing. A non-exhaustive list of more specific examples of thecomputer readable storage medium includes the following: a portablecomputer diskette, a hard disk, a random access memory (RAM), aread-only memory (ROM), an erasable programmable read-only memory (EPROMor Flash memory), a static random access memory (SRAM), a portablecompact disc read-only memory (CD-ROM), a digital versatile disk (DVD),a memory stick, a floppy disk, a mechanically encoded device such aspunch-cards or raised structures in a groove having instructionsrecorded thereon, and any suitable combination of the foregoing. Acomputer readable storage medium, as used herein, is not to be construedas being transitory signals per se, such as radio waves or other freelypropagating electromagnetic waves, electromagnetic waves propagatingthrough a waveguide or other transmission media (e.g., light pulsespassing through a fiber-optic cable), or electrical signals transmittedthrough a wire.

Computer readable program instructions described herein can bedownloaded to respective computing/processing devices from a computerreadable storage medium or to an external computer or external storagedevice via a network, for example, the Internet, a local area network, awide area network and/or a wireless network. The network may comprisecopper transmission cables, optical transmission fibers, wirelesstransmission, routers, firewalls, switches, gateway computers and/oredge servers. A network adapter card or network interface in eachcomputing/processing device receives computer readable programinstructions from the network and forwards the computer readable programinstructions for storage in a computer readable storage medium withinthe respective computing/processing device.

Computer readable program instructions for carrying out operations ofthe present invention may be assembler instructions,instruction-set-architecture (ISA) instructions, machine instructions,machine dependent instructions, microcode, firmware instructions,state-setting data, or either source code or object code written in anycombination of one or more programming languages, including an objectoriented programming language such as Smalltalk, C++ or the like, andconventional procedural programming languages, such as the “C”programming language or similar programming languages. The computerreadable program instructions may execute entirely on the user'scomputer, partly on the user's computer, as a stand-alone softwarepackage, partly on the user's computer and partly on a remote computeror entirely on the remote computer or server. In the latter scenario,the remote computer may be connected to the user's computer through anytype of network, including a local area network (LAN) or a wide areanetwork (WAN), or the connection may be made to an external computer(for example, through the Internet using an Internet Service Provider).In some embodiments, electronic circuitry including, for example,programmable logic circuitry, field-programmable gate arrays (FPGA), orprogrammable logic arrays (PLA) may execute the computer readableprogram instructions by utilizing state information of the computerreadable program instructions to personalize the electronic circuitry,in order to perform aspects of the present invention.

Aspects of the present invention are described herein with reference toflowchart illustrations and/or block diagrams of methods, apparatus(systems), and computer program products according to embodiments of theinvention. It will be understood that each block of the flowchartillustrations and/or block diagrams, and combinations of blocks in theflowchart illustrations and/or block diagrams, can be implemented bycomputer readable program instructions.

These computer readable program instructions may be provided to aprocessor of a general purpose computer, special purpose computer, orother programmable data processing apparatus to produce a machine, suchthat the instructions, which execute via the processor of the computeror other programmable data processing apparatus, create means forimplementing the functions/acts specified in the flowchart and/or blockdiagram block or blocks. These computer readable program instructionsmay also be stored in a computer readable storage medium that can directa computer, a programmable data processing apparatus, and/or otherdevices to function in a particular manner, such that the computerreadable storage medium having instructions stored therein comprises anarticle of manufacture including instructions which implement aspects ofthe function/act specified in the flowchart and/or block diagram blockor blocks.

The computer readable program instructions may also be loaded onto acomputer, other programmable data processing apparatus, or other deviceto cause a series of operational steps to be performed on the computer,other programmable apparatus or other device to produce a computerimplemented process, such that the instructions which execute on thecomputer, other programmable apparatus, or other device implement thefunctions/acts specified in the flowchart and/or block diagram block orblocks.

The flowchart and block diagrams in the Figures illustrate thearchitecture, functionality, and operation of possible implementationsof systems, methods, and computer program products according to variousembodiments of the present invention. In this regard, each block in theflowchart or block diagrams may represent a module, segment, or portionof instructions, which comprises one or more executable instructions forimplementing the specified logical function(s). In some alternativeimplementations, the functions noted in the block may occur out of theorder noted in the figures. For example, two blocks shown in successionmay, in fact, be executed substantially concurrently, or the blocks maysometimes be executed in the reverse order, depending upon thefunctionality involved. It will also be noted that each block of theblock diagrams and/or flowchart illustration, and combinations of blocksin the block diagrams and/or flowchart illustration, can be implementedby special purpose hardware-based systems that perform the specifiedfunctions or acts or carry out combinations of special purpose hardwareand computer instructions.

The descriptions of the various embodiments of the present inventionhave been presented for purposes of illustration, but are not intendedto be exhaustive or limited to the embodiments disclosed. Manymodifications and variations will be apparent to those of ordinary skillin the art without departing from the scope and spirit of the describedembodiments. The terminology used herein was chosen to best explain theprinciples of the embodiments, the practical application or technicalimprovement over technologies found in the marketplace, or to enableothers of ordinary skill in the art to understand the embodimentsdisclosed herein.

What is claimed:
 1. A method of extracting a color scheme of a pagewritten in a markup language, the method comprising: identifying amoving image within a display area of the content portion; modifying thecontent portion to prevent display of the moving image within thedisplay area while maintaining layout information of the content portionincluding a size of the display area; applying a subtractive process tothe page with the modified content portion; and extracting the colorscheme from the page to which the subtractive process has been applied.2. The method of claim 1, wherein preventing display of the moving imageincludes designating a style to erase the display of the moving image.3. The method of claim 1, wherein preventing display of the moving imageincludes hiding a descendant of the moving image, the descendant being acharacter string displayed in a manner overlaid on the moving image. 4.The method of claim 3, wherein hiding the descendant of the movingimages comprises designating a style to erase the display of thedescendant of the moving image; wherein the designated style causes abackground color hidden under the moving image to appear in aforeground.
 5. The method of claim 1, wherein preventing display of themoving image includes deleting the moving image while maintaining thelayout information.
 6. The method of claim 1, wherein preventing displayof the moving image comprises making a layer containing the moving imagetransparent.
 7. The method of claim 1, wherein preventing display of themoving image includes causing a background layer under a layercontaining the moving image to be displayed in a foreground over thelayer of the moving image.
 8. A system for extracting a color scheme ofa page written in a markup language, the system comprising: a memoryhaving computer readable instructions; and a processor coupled to thememory for executing the computer readable instructions, wherein thecomputer readable instructions cause the processor to: identify a movingimage within a display area of the content portion; modify the contentportion to prevent display of the moving image within the display areawhile maintaining layout information of the content portion including asize of the display area; apply a subtractive process to the page withthe modified content portion; and extract the color scheme from the pageto which the subtractive process has been applied.
 9. The system ofclaim 8, wherein the processor is configured to prevent display of themoving image by designating a style to erase the display of the movingimage.
 10. The system of claim 8, wherein the processor is furtherconfigured to hide a descendant of the moving image, the descendantbeing a character string displayed in a manner overlaid on the movingimage.
 11. The system of claim 10, wherein the processor is configuredto hide the descendant of the moving images by designating a style toerase the display of the descendant of the moving image; wherein thedesignated style causes a background color hidden under the moving imageto appear in a foreground.
 12. The system of claim 8, wherein theprocessor is configured to prevent display of the moving image bydeleting the moving image while maintaining the layout information. 13.The system of claim 8, wherein the processor is configured to preventdisplay of the moving image by making a layer containing the movingimage transparent.
 14. The system of claim 8, wherein the processor isconfigured to prevent display of the moving image by causing abackground layer under a layer containing the moving image to bedisplayed in a foreground over the layer of the moving image.
 15. Acomputer program product for extracting a color scheme of a page writtenin a markup language, the computer program product comprising a computerreadable storage medium having program instructions embodied thereon,wherein the computer readable storage medium is not a transitory signalper se, the program instructions executable by a computer processor tocause the computer processor to: identify a moving image within adisplay area of the content portion; modify the content portion toprevent display of the moving image within the display area whilemaintaining layout information of the content portion including a sizeof the display area; apply a subtractive process to the page with themodified content portion; and extract the color scheme from the page towhich the subtractive process has been applied.
 16. The computer programproduct of claim 15, wherein the program instructions cause theprocessor to prevent display of the moving image by designating a styleto erase the display of the moving image.
 17. The computer programproduct of claim 15, wherein the program instructions cause theprocessor to hide a descendant of the moving image, the descendant beinga character string displayed in a manner overlaid on the moving image.18. The computer program product of claim 15, wherein the programinstructions cause the processor to prevent display of the moving imageby deleting the moving image while maintaining the layout information.19. The computer program product of claim 15, wherein the programinstructions cause the processor to prevent display of the moving imageby making a layer containing the moving image transparent.
 20. Thecomputer program product of claim 15, wherein the program instructionscause the processor to prevent display of the moving image by causing abackground layer under a layer containing the moving image to bedisplayed in a foreground over the layer of the moving image.